<style>
	span.btn{
		float: right;
		width: auto;
	}
	.green{
		color: #2F992F;
		margin-left: 0.2rem;
	}
	.red{
		color: #EE5F5B;
		margin-left: 0.2rem;
	}
	caption{
		display: flex;
		justify-content: space-around;
	}
	caption div{
		display: flex;
		justify-content: space-around;
	}
	.checkTime{
		width: 35%;
	}
	caption input{
		width: 30%;
	}
	caption .btn{
		width: auto;
	}
</style>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span2" ng-include="'template/common/header.html'">
			
		</div>
		<div class="span10">
			<div class="breadcrumb" ng-include="'template/common/top.html'">
				
			</div>
			<div class="content">
				<div class="record">
					
					<div class="breadcrumb">
						<p>代理数据汇总<span class="btn btn-success addBtn" ng-click="show()">查看数据明细</span></p>
						<div class="modal addBtn">
							<div class="modal-header">
									<button class="close" ng-click="cancel()">&times;</button>
									<h3>数据明细</h3>
							</div>
							
							<div class="modal-body">
								<table class="table">
									<caption>
										<div class="checkTime">
										<p>查询时间：</p>
										<input type="text" placeholder="起始时间"/>-
										<input type="text" placeholder="终止时间"/>
									</div>
									<div>
										<button class="btn btn-info">近一周</button>
										<button class="btn btn-info">近一月</button>
									</div>
									<di>
										<button class="btn">查询</button>
										<button class="btn btn-success">导出查询结果</button>
									</div>
									</caption>
									<thead>
										<tr>
											<td>时间</td>
											<td>新开代理数量</td>
											<td>累计代理数量</td>
											<td>新增付费代理数量</td>
											<td>付费代理占比</td>
										</tr>
									
									</thead>
									<tfoot>
										<tr>
											<td>总计</td>
											<td></td>
											<td></td>
											<td></td>
											<td></td>
										</tr>
									</tfoot>
									<tbod></tbod>
								</table>
							</div>
						</div>
					</div>
					<div>
						<table class="table">
							<thead>
								<tr>
									<th></th>
									<th>
										<a  ng-mouseover="prov()" class="popov" rel="popover" data-content="指定时间内新开通的普通代理数量" data-original-title="说明">新增代理数量</a>
									</th>
									<th>
										<a  ng-mouseover="prov()" class="popov" rel="popover" data-content="截止至查询时间所有的普通代理的总数" data-original-title="说明">代理累计数量</a>
									</th>
									<th>
										<a  ng-mouseover="prov()" class="popov" rel="popover" data-content="指定时间内第一次购买房卡付费的普通代理数量,包含新用户和老用户." data-original-title="说明">新增付费代理数量</a>
									</th>
									<th>
										<a  ng-mouseover="prov()" class="popov" rel="popover" data-content="指定时间内所有付费充值代理占普通代理总数的比例" data-original-title="说明">付费代理占比</a>
									</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>今日</td>
									<td>
										<span>900</span><span class="green">-10.01%</span>
									</td>
									<td>
										<span>900</span><span class="green">-10.01%</span>
									</td>
									<td>
										<span>900</span><span class="green">-10.01%</span>
									</td>
									<td>
										15.11%
									</td>
									
								</tr>
								<tr>
									<td>昨日</td>
									<td>
										<span>900</span><span class="red">+10.01%</span>
									</td>
									<td>
										<span>900</span><span class="red">+10.01%</span>
									</td>
									<td>
										<span>900</span><span class="red">+10.01%</span>
									</td>
									<td>
										15.11%
									</td>
									
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>			
		</div>
	</div>